<template>
<!--  组件的结构-->
  <div >
    <h1>{{msg}}</h1>
    <h2>  学生姓名：{{name}}</h2>
    <h2>  学生性别：{{sex}}</h2>
    <h2>  学生年龄：{{age-1}}</h2>
  </div>
</template>
<!-- 组件交互的代码-->
<script>
//默认暴露
 export default{
   name:'Student',
   data(){
     return{
       msg:'欢迎学习Vue'
     }
   },
   //简单接受,大多数用简单接受
   props:['name','age','sex'],
   // //接受数据和类型限制和必要性的限制
   // props:{
   //   name:{
   //     type:String,  //name的类型是字符串
   //     required:true  //name是必要的
   //   },
   //   age:{
   //     type:Number,
   //     default:99 //默认值
   //   },
   //   sex:{
   //     type:String,
   //     required:true
   //   }
   // }
 }
</script>
<!--组件的样式-->
<style>
.demo{
  background-color: orange;
}
</style>